import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import {fileURLToPath, URL} from 'node:url'
import requireTransform from 'vite-plugin-require-transform';

// https://vite.dev/config/
export default defineConfig({
  plugins: [vue(),
    requireTransform({
      fileRegex: /\.js$|\.vue$|\.jpg$|\.jpeg$|\.png$|\.gif$|\.svg$/
    })
  ],
  resolve: {
    extensions: ['.js', '.json', '.vue'],
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    }
  },
  css: {
    preprocessorOptions: {
      // 全局引入了 scss 的文件
      scss: {
        additionalData: `@import "@/styles/variables.scss";`
      }
    }
  },
  server: {
    host: '0.0.0.0',
    port: '9000',
    open: true,
    // cors: true,
    // 端口占用直接退出
    strictPort: true,
    proxy: {
      // // https://cn.vitejs.dev/config/#server-proxy
      // '/api': {
      //   // 本地 8000 前端代码的接口 代理到 8888 的服务端口
      //   target: 'http://101.200.220.56:8080',
      //   changeOrigin: true, // 允许跨域
      //   rewrite: (path) => path.replace('http://101.200.220.56:8080', '/')
      // }

      '/api': {
        target: 'http://101.200.220.56:8080', // 代理目标地址
        changeOrigin: true,                   // 允许跨域
        rewrite: (path) => path.replace(/^\/api/, '') // 路径重写（删除 `/api` 前缀）
        // 可选：添加其他配置（如 secure、ws 等）
      }
    }
  },
})
